<%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <base href="<%=basePath%>"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
    <title>巨石汇 - 网站首页</title>
    <link rel="shortcut icon" href="images/ico.ico"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<script src="js/jquery.js"></script>
 
  <script type="text/javascript">
  		$(document).ready(function(){
				$("#material a").click(function(){
<%--					alert("222");--%>
					reset();
					var material = $(this).text();
					$("#v_material").val(material);
					document.indexForm.submit();
				});
				$("#color a").click(function(){
					reset();
					var color = $(this).attr("title");
					$("#v_color").val(color);
					document.indexForm.submit();
				});
				$("#price a").click(function(){
					reset();
					var price = $(this).text().split('-');
					var minprice = price[0];
					$("#v_minprice").val(minprice);
					if(price.length == 1){
						var maxprice = price[1];
						$("#v_maxprice").val(maxprice);
					}
					document.indexForm.submit();
				});
				$("#venation a").click(function(){
					reset();
					var venation = $(this).text();
					$("#v_venation").val(venation);
					document.indexForm.submit();
				});
				$("#purpose a").click(function(){
					reset();
					var purpose = $(this).text();
					$("#v_purpose").val("%"+purpose+"%");
					document.indexForm.submit();
				});
				$("#stone_choose").click(function(){
					$(this).attr("style","font-weight: bold;");
					$("#provider_choose").attr("style","font-weight: normal;");
					$("#project_choose").attr("style","font-weight: normal;");
					$("#search_form").attr("action","stone/highSearchStone.action?pageno=1&mainSearch=true");
					$("#stone_search").fadeIn("fast");
				});
				$("#provider_choose").click(function(){
					$(this).attr("style","font-weight: bold;");
					$("#stone_choose").attr("style","font-weight: normal;");
					$("#project_choose").attr("style","font-weight: normal;");
					$("#search_form").attr("action","provider/highSearchProvider.action?pageno=1&mainSearch=true");
					$("#stone_search").fadeOut("fast");
				});
				$("#project_choose").click(function(){
					$(this).attr("style","font-weight: bold;");
					$("#provider_choose").attr("style","font-weight: normal;");
					$("#stone_choose").attr("style","font-weight: normal;");
					$("#search_form").attr("action","project/searchProject.action?pageno=1&mainSearch=true");
					$("#stone_search").fadeOut("fast");
				});
  	  		});
	  	function reset(){
			$("#v_material").val("%%");
			$("#v_color").val("%%");
			$("#v_venation").val("%%");
			$("#v_purpose").val("%%");
			$("#v_minprice").val("0");
			$("#v_maxprice").val("100000");
	  	}
  </script>
 </head>
 <body>
<div class="mybox" style="_top:300px;">
	<p id="lg"><img src="images/logo.gif" width="360" height="129"/></p>
    <p id="nv">
    	<a href="javascript:void(0)" id="stone_choose" style="font-weight: bold;">石材</a>　
        <a href="javascript:void(0)" id="provider_choose">公司</a>　
        <a href="javascript:void(0)" id="project_choose">精品工程</a>　
     </p>
     <div id="fm">
     	<form name="f" action="stone/highSearchStone.action?pageno=1&mainSearch=true" method="post" id="search_form">
        	<span class="s_ipt_wr"><input type="text" name="query" id="kw" maxlength="100" class="s_ipt"/></span>
            <input type="hidden" name="rsv_bp" value="0"/>
            <input type="hidden" name="rsv_spt" value="3"/>
            <span class="s_btn_wr"><input type="submit" value="石材搜索" id="su" class="s_btn"/></span>
        </form>
      </div>

<div id="snv">
	<div class="box">
        <div class="bd" id="stone_search">
        	<p class="half">
            	<span class="tl">材质<i class="icon3">&nbsp;&nbsp;</i></span>
                <span class="bl" id="material">
                    <a style="cursor:pointer;">花岗石</a>&nbsp;
                    <a style="cursor:pointer;">石灰石</a>&nbsp;
                    <a style="cursor:pointer;">大理石</a>&nbsp;
                    <a style="cursor:pointer;">石英岩</a>&nbsp;
                    <a style="cursor:pointer;">板岩</a>&nbsp;  
                    <a style="cursor:pointer;">其它</a>&nbsp;
               </span>
           </p>
           <p class="half">
            	<span class="tl" style="float:left">颜色<i class="icon3">&nbsp;&nbsp;</i></span>
                <span class="bl color" style="float:left;" id="color" >
                    <a style="cursor:pointer;" class="bai" title="白色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="hei" title="黑色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="hong" title="红色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="hui" title="灰色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="huang" title="黄色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="lan" title="蓝色">&nbsp;&nbsp;</a>
               		<a style="cursor:pointer;" class="lv" title="绿色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="zi" title="紫色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="he" title="褐色">&nbsp;&nbsp;</a>
                    <a style="cursor:pointer;" class="cai" title="彩色">&nbsp;&nbsp;</a>
               </span>
           </p>
           <p class="half">
            	<span class="tl">价格<i class="icon3">&nbsp;&nbsp;</i></span>
                <span class="bl" id="price">
                    <a style="cursor:pointer;">90-170</a>&nbsp;
                    <a style="cursor:pointer;">150-200</a>&nbsp;
                    <a style="cursor:pointer;">210-250</a>&nbsp;
                    <a style="cursor:pointer;">250</a>&nbsp;<font color="blue">以上</font>&nbsp;  
               </span>
           </p>
           <p class="half">
            	<span class="tl">纹理<i class="icon3">&nbsp;&nbsp;</i></span>
                <span class="bl" id="venation">
                    <a style="cursor:pointer;">直纹</a>&nbsp;
                    <a style="cursor:pointer;">网纹</a>&nbsp;
                    <a style="cursor:pointer;">乱纹</a>&nbsp;
                    <a style="cursor:pointer;">其它纹路</a>&nbsp;
               </span>
           </p>
           <p>
            	<span class="tl">用途<i class="icon3">&nbsp;&nbsp;</i></span>
                <span class="bl" id="purpose">
                    <a style="cursor:pointer;">室内地面</a>&nbsp;
                    <a style="cursor:pointer;">室内墙面</a>&nbsp;
                    <a style="cursor:pointer;">室外地面</a>&nbsp;
                    <a style="cursor:pointer;">室外墙面</a>&nbsp;
                    <a style="cursor:pointer;">柱面</a>&nbsp;  
                    <a style="cursor:pointer;">楼梯</a>&nbsp;
                    <a style="cursor:pointer;">台面板</a>&nbsp;  
                    <a style="cursor:pointer;">洗手池</a>&nbsp;
                    <a style="cursor:pointer;">浴缸</a>&nbsp;  
                    <a style="cursor:pointer;">壁炉</a>&nbsp;
                    <a style="cursor:pointer;">雕塑</a>&nbsp;  
                    <a style="cursor:pointer;">马赛克</a>&nbsp;
               </span>
           </p>
        </div>
        <div style="text-align:center;">
        	<span>
        		<a style="color:blue;font-size:14px;font-weight:bold;padding-right:10px;text-decoration:none;" href="provider/login.jsp">供应商后台入口</a>
        	</span>           
        </div>
	</div>
<form id="indexForm" name="indexForm" action="stone/searchStone.action?pageno=1" method="post">
	<input id="v_material" type="hidden" value="%%" name="stone.material"/>
	<input id="v_minprice"  type="hidden" value="0" name="stone.minprice"/>
	<input id="v_maxprice" type="hidden" value="100000" name="stone.maxprice"/>
	<input id="v_color" type="hidden" value="%%"  name="stone.color"/>
	<input id="v_venation" type="hidden" value="%%" name="stone.venation"/>
	<input id="v_purpose" type="hidden" value="%%" name="stone.purpose"/>
	<input id="v_chineseName" type="hidden" value="" name="stone.chineseName"/>
</form>
</div>
<p id="cp">Copyright&copy; 版权所有2011-2012 巨石汇中心 主办单位：巨石汇</p>
</div>
</body>
</html>
